<template>
  <div id='tmpl'>
     <h4 v-text="info.title"></h4>
     <p class="line"></p>
     <p v-html="info.content"></p>
  </div>
</template>
<script>
import { Toast } from 'mint-ui';
  import common from "../../kits/common.js";
export default {
  data () {
    return {
        id:0,
        info:{}
    };
  },
  created(){
      this.id=this.$route.params.id;
      this.getinfo();
  },
  methods:{
    getinfo(){
        var url=common.apidomain+"/api/goods/getdesc/"+this.id
          this.$http.get(url).then(function(response){
              var body=response.body;
              if(body.status!=0){
                  Toast(body.message);
                  return;
              };
              this.info=body.message[0];
          })
    }
  }
}
</script>
<style lang="css" scoped>
#tmpl{
    padding: 5px;
}
#tmpl h4{
    color:#0094ff;
}
#tmpl .line{
    border-bottom: 1px solid rgba(0,0,0,0.4);
}
</style>